body.theme-retro-neon {
    background: #000 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect width="1" height="1" fill="%23333"/><rect x="10" y="10" width="1" height="1" fill="%23555"/></svg>') repeat;
    color: #f8f;
}

.theme-retro-neon .container {
    background: rgba(20, 0, 30, 0.7);
    border: 1px solid #f0f;
    box-shadow: 0 0 25px rgba(255, 0, 255, 0.5),
    0 0 10px rgba(0, 255, 255, 0.3);
}

.theme-retro-neon h1 {
    color: #0ff;
    text-shadow: 0 0 12px rgba(0, 255, 255, 0.8);
}

.theme-retro-neon label {
    color: #0ff;
}

.theme-retro-neon select,
.theme-retro-neon input,
.theme-retro-neon button:not(.theme-toggle button) {
    background: rgba(30, 0, 50, 0.8);
    border-color: #f0f;
    color: #0ff;
    font-family: 'Courier New', monospace;
}

.theme-retro-neon select:focus,
.theme-retro-neon input:focus {
    border-color: #0ff;
}

.theme-retro-neon th {
    background: rgba(255, 0, 255, 0.2);
    color: #0ff;
    border-bottom-color: #f0f;
}

.theme-retro-neon td {
    border-bottom-color: rgba(255, 0, 255, 0.1);
}

.theme-retro-neon tr:hover {
    background: rgba(255, 0, 255, 0.1);
}

.theme-retro-neon button {
    background: #f0f;
    color: white;
    border: 2px solid;
    font-family: 'Courier New', monospace;
}

.theme-retro-neon button:hover {
    background: #c0c;
}

.theme-retro-neon .theme-toggle button {
    background: rgba(255, 0, 255, 0.3);
    color: white;
    font-family: 'Courier New', monospace;
}

.theme-retro-neon .theme-toggle button:hover {
    background: rgba(255, 0, 255, 0.6);
}

.theme-retro-neon .nav-item {
    border: 2px solid;
    color: #0ff;
}